<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>太平洋网络登录页面</title>
		<link rel="stylesheet" href="css/login.css" type="text/css">
		<link rel="stylesheet" type="text/css" href="css/floatLogo.css"/>
	
	</head>
	<body>
		<img src="img/imgmove.png" width="30px"  style="position: absolute;" id="imgmove">
		<div id="right_float" >
			<a href="index.html"><img src="img/logo.png" ></a>
		</div>
		<div id="top">
			<a href="pacific.html"><img src="img/logo_channel.png" alt="" id="logo"></a>
			<span id="text"><b>通行证-登录</b></span>
			
			<span><img src="" alt=""></span>
		</div>
		<div id="center">
			<form action="" method="">
				<table class="login_box" cellpadding="0" cellspacing="0" border="0">
					<tr style="height: 10px;"></tr>
					<tr id="separate">
						<td align="right">账号：</td>
						<td colspan="2"><input type="text"  class="textbox" ></td>
					</tr>
					<tr>
						<td align="right">密码：</td>
						<td colspan="2"><input type="password"  class="textbox" ></td>
					</tr>
					<tr>
						<td></td>
						<td colspan="2"><input type="checkbox">下次自动登录 &nbsp;&nbsp;&nbsp;&nbsp; <a href="#">忘记密码？</a></td>
						
			
					</tr>
					<tr>
						<td></td>
						<td colspan="2"><input type="checkbox">我已阅读并同意<a href="#">用户使用协议</a>和<a href="#">隐私政策</a></td>
					</tr>
					<tr>
						<td></td>
						<td><a href="pacific.html"><input type="button" value="登录" style="width: 220px; height: 30px;"></a></td>
					</tr>
					<tr>
						<td></td>
						<td>还没有通行证账号？<a href="enroll.html">立即注册</a></td>
						
					</tr>
				</table>
			</form>
		</div>
		<script type="text/javascript">
			var pic=document.getElementById("imgmove");//获取图片对象
			document.addEventListener('mousemove',function(e){//添加鼠标移动事件
				var x=e.pageX||e.clientX+(document.body.scrollLeft||document.documentElement.scrollLeft);//获取鼠标在文档中的x坐标
				var y=e.pageY||e.clientY+(document.body.scrollTop||document.documentElement.scrollTop);//获取鼠标在文档中的y坐标
				pic.style.left=x+2+"px";//第四象限
				pic.style.top=y+2+'px';
			})
		</script>
	</body>
</html>
